<!DOCTYPE html>
<html class="dark">

<head>
  <meta charset="utf-8" />
  <title>smartcrop.js slideshow</title>
  <link rel="stylesheet" href="style.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta property="og:image" content="http://29a.ch/sandbox/2014/smartcrop/examples/images/slideshow/0.jpg" />
</head>

<body>
  <h1>smartcrop.js slideshow</h1>
  <p>
    <a href="https://github.com/jwagner/smartcrop.js">smartcrop.js</a> is a
    content aware image cropping library. On this page you can see how it can
    be used to automatically pick crops to create a
    <a href="http://en.wikipedia.org/wiki/Ken_Burns_effect">Ken Burns</a>
    effect on images.
  </p>
  <p>
    You can learn more about smartcrop.js on its
    <a href="https://github.com/jwagner/smartcrop.js/">github page</a>.
  </p>

  <div id="prev-slide"></div>
  <div id="slide">loading, this can take a little while...</div>
  <p>
    All the images are my own, you can find them and their license on my
    <a href="https://www.flickr.com/photos/80225884@N06/">flickr stream</a>.
  </p>
  <script src="jquery.js"></script>
  <script src="underscore.js"></script>
  <script src="q.js"></script>
  <script src="../smartcrop.js"></script>
  <script src="slideshow.js"></script>
  <script src="/a.js" async></script>
</body>

</html>